<!-- 登录页下方使用协议 -->
<template>
  <div class="image-text_12 flex-row justify-between">
    <!-- <div class="checkbox_1 flex-col"></div> -->
    <div class="text-group_4">
      <van-checkbox
        v-model="checked"
        shape="square"
        style="
          width: 0.2rem;
          height: 0.2rem;
          vertical-align: bottom;
          display: inline-block;
        "
        @click="$store.commit('setBotChecked', checked)"
      ></van-checkbox>
      <span class="text_2">我已阅读并同意</span>
      <span class="text_3"
        ><router-link to="/SoftwareProtocol">《软件使用协议》</router-link
        ><router-link to="/SoftwareProtocol">《隐私协议》</router-link></span
      >
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: this.$store.state.botChecked,
    };
  },
};
</script>

<style scoped>
a {
  color: #d5adfe;
}
.image-text_12 {
  width: 2.005rem;
  height: 0.12rem;
  margin: 0.31rem 0 0 0.2rem;
}
.text-group_4 {
  width: 1.83rem;
  height: 0.09rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFangSC-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 0.09rem;
  margin-top: 0.015rem;
}
.text_2 {
  width: 1.83rem;
  height: 0.09rem;
  color: rgba(153, 153, 153, 1);
  font-size: 0.09rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 0.09rem;
}
.text_3 {
  width: 1.83rem;
  height: 0.09rem;
  color: rgba(213, 173, 254, 1);
  font-size: 0.09rem;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 0.09rem;
}
</style>
